<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>giggle登录</title>
<style type="text/css">
body {text-align:center} 
a{text-decoration : none} 
	#logo{
		margin-top: 220px;
	}
.login {
	text-align: center;
	margin:20px auto;
	width: 300px;
}
.input{
	font-size: 15px;
	width: 300px;
	height: 40px;
	border: 1px solid #999999;
	-webkit-border-radius:3px;
	-webkit-appearance: none;
	border-radius: 3px;
	shape-inside: 0px;
}
#submitBtn{
	font:normal 15px 微软雅黑;
	border: 1px solid #999999;
	-webkit-border-radius:3px;
	-webkit-appearance: none;
	border-radius: 3px;
	width: 300px;
	height: 40px;
	background-color: #ffffff;
	color: #666666;
	margin-top: 20px;
}
	#forgetPas{
		float: left;
		font:normal 13px 微软雅黑;
		color: #333333;
	}
	#signUp{
		float: right;
		font:normal 13px 微软雅黑;
		color: #333333;
	}
</style>

<script language="JavaScript" src="js/jquery-3.2.1.min.js"></script>
<script language="JavaScript" src="js/login.js"></script>
    <script src="js/md5.js"></script>
</head>

<body>
<img src= "img/logologin.png" width="200px" height="75px" id="logo"/>
<div class="login">
  <input type="email" name="myemail" id="myemail" class="input" placeholder=" 邮箱">
  <input type="password" name="password" id="password" class="input" placeholder=" 密码" >
  <div class ="control-group">
    验证码：<input type="text" name="checkcode" id="checkcode" /><img src="/Verification" onclick="changeImage(this)" alt="换一张" style="cursor: hand"><br/>
  </div>
  <input type="submit" name="submit" id="submitBtn" value="登录" onclick="login()" style="height:40px;width:300px;display:inline-block;">
  <br><br>
  <a href="giggleVerifyPassword.html" id="forgetPas">忘记密码？</a><a href="giggleSign.html" id="signUp">没有账号？立即注册</a>
</div>

</body>
</html>
